/*
 * @Author: xiaosihan 
 * @Date: 2024-07-23 21:30:46 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-09-22 21:36:27
 */


.partsDetails {
    position: relative;
    background-color: #F4F4F4;
    height: 100%;
    overflow-y: auto;
    padding: 66px 10px 10px 10px;

    &::-webkit-scrollbar {
        width: 4px;
        height: 0px;
        background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
        border-radius: 4px;
        background-color: rgba(0, 0, 0, 0);
    }

    &::-webkit-scrollbar-thumb {
        border-radius: 4px;
        box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #4E04D9;
    }

    .id {
        width: calc(100% - 160px);
        margin: 0 auto;
    }

    .container {
        width: calc(100% - 160px);
        margin: 10px auto;
        min-height: 200px;

        .left {
            vertical-align: top;
            display: inline-block;
            width: 280px;
            min-height: 100px;
            box-sizing: border-box;

            .renderContainer {
                width: 268px;
                height: 170px;
                border-radius: 5px;
                border: 5px solid #ffffff;

                canvas {
                    background-color: #f4f4f4;
                }
            }


            .title {
                margin: 5px;
                font-weight: bold;
                font-size: 14px;
                margin: 10px;
                color: #333333;
            }

            .files {
                padding: 10px;
                background-color: #ffffff;

                .total {
                    margin-bottom: 10px;
                }

                .file_list {
                    border-radius: 5px;
                    background-color: #ffffff;
                    border: 1px solid #ffffff;

                    .file_name {
                        background-color: #EAEAEA;
                        height: 40px;
                        line-height: 40px;
                        font-size: 14px;
                        padding: 0px 10px;

                        .index {
                            vertical-align: middle;
                        }

                        .name {
                            vertical-align: middle;
                            display: inline-block;
                            max-width: 100px;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                        }

                        .suffix {
                            display: inline-block;
                        }

                        .close,
                        .size {
                            float: right;
                        }
                    }
                }
            }

        }

        .right {
            vertical-align: top;
            display: inline-block;
            width: calc(100% - 280px);
            padding: 10px;
            box-sizing: border-box;

            :global(.ant-tabs-tab-btn) {
                width: 100px;
                text-align: center;
            }

            .title {
                color: rgb(51, 51, 51);
                font-family: Inter;
                font-size: 14px;
                font-weight: 700;
                line-height: 17px;
                margin-bottom: 10px;
            }

            .data,
            .user,
            .joiner {
                margin-bottom: 10px;
            }

        }
    }

}

.add_btn {
    text-align: right;
    margin: 10px 0px 0px 0px;

    .add {
        border-radius: 20px;
    }
}

.delete_tip {
    position: relative;
    --antd-arrow-background-color: #ffffff;

    :global(.ant-tooltip-inner) {
        background-color: #ffffff;
    }
}